<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/all.css">
     <link rel="stylesheet" href="../css/reset.css">
    <title>商品首页</title>

</head>

<body>
    <div class="topbar">
        <div class="container clearfix">
            <div class="topbar-welcome leftfix">
                <span class="welcome-text">商品汇欢迎您</span>
                <a href="#">请登录</a>
                <span class="seq"></span>
                <a href="#">免费注册</a>
            </div>

            <ul class="topbar-nav rightfix">
                <li><a href="#">我的订单</a></li>
                <li class="seq"></li>
                <li><a href="#">我的购物车</a></li>
                <li class="seq"></li>
                <li><a href="#">尚品汇会员</a></li>
                <li class="seq"></li>
                <li><a href="#">企业采购</a></li>
                <li class="seq"></li>
                <li><a href="#">关注尚品汇</a></li>
                <li class="seq"></li>
                <li><a href="#">合作招商</a></li>
                <li class="seq"></li>
                <li><a href="#">商家后台</a></li>
             </ul>
        </div>   
    </div>
   <!--page-header logo和搜索框  -->
   <div class="page-header">
     <div class="container clearfix">
       <a href=" =#" class="logo leftfix">
        <img src="../img/images/logo.png" alt="log">
       </a>
        <form action="#" class="search-box rightfix">
           <input type="text">
           <button>
              <img src="" alt="">
           </button>
        </form>
     </div>
   </div>

   <!--page nav  -->
   <div class="page-nav">
      <div class="container clearfix">
          <div class="all-cates leftfix">        
             <h3>全部商品分类</h3>
          </div>
         <ul class="nav-list leftfix">
            <li>
                <a href="#">尚品超市</a>
            </li>
            <li>
                <a href="#">优惠券</a>
            </li>
            <li>
                <a href="#">买啥</a>
            </li>
            <li>
                <a href="#">尚品家电</a>
            </li>
            <li>
                <a href="#">尚品生鲜</a>
            </li>
            <li>
                <a href="#">PLUS会员</a>
            </li>
            <li>
                <a href="#">进口好物</a>
            </li>
            <li>
                <a href="#">品牌闪购</a>
            </li>
            <li>
                <a href="#">拍卖</a>
            </li>
            <li>
                <a href="#">五金商店</a>
            </li>
         </ul>
      </div>
   </div>
</body>
</html>